<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>

    <meta charset="utf-8">
    <title>薪酬发放</title>
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="css/xadmin.css">
    <link rel="stylesheet" type="text/css" href="layui/dist/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="css/薪资发放.css"/>
    <link rel="icon" type="image/png" href="icon/I.png">
    <script src="js/jquery.min.js"></script>
    <script src="js/paysalary.js"></script>

    <script type="text/javascript" src="lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="js/xadmin.js"></script>
</head>
<style>
    table tr th {
        text-align: center !important;
        font-weight: bold !important;
    }

    tr td {
        text-align: center
    }
</style>
<body onload="pageInfo()" style="background: rgb(241, 241, 241) !important; width: 98%; margin: 0 auto">
<div align="center" style=" width: 1500px;margin: 0 auto">

    <div class="youfudong" style="margin-top: 10px; margin-bottom: 10px">
        <button type="button" class="layui-btn layui-btn-warm" onclick="aaa()">
            添加薪酬单
            <!--            onclick=location.href="/addpers"-->
        </button>&nbsp;&nbsp;
    </div>

    <table border="0" align="center" class="table layui-table biaoyi">
        <tr align="center" height="50">
            <th>选择</th>
            <th>薪酬单编号</th>
            <th>薪酬次数</th>
            <th>总人数</th>
            <th>基本薪酬总金额</th>
            <th>实发金额</th>
            <th>发放时间</th>
        </tr>

        <tr align="center">
            <td>sdfasd</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>

        </tr>
        <tr align="center">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>

        </tr>
        <tr align="center">
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>

        </tr>
        <tr align="center">
            <td>sdfasd</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>

        </tr>
        <tr align="center">
            <td>sdfasd</td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>

        </tr>
    </table>
</div>


<div class="zuihou" align="center" style="margin-top: 20px; margin-bottom: 20px">
    <button type="button" class="layui-btn layui-btn-normal" onclick="start()">首页</button>
    <button type="button" class="layui-btn layui-btn-normal" onclick="prev()">上一页</button>&nbsp;&nbsp;
    <span class="showPage">1/1</span>&nbsp;&nbsp;
    <button type="button" class="layui-btn layui-btn-normal" onclick="next()">下一页</button>
    <button type="button" class="layui-btn layui-btn-normal" onclick="end()">
        尾页
    </button>&nbsp;&nbsp;

</div>

<div style="height: 20px; margin: 0 auto">
    <marquee behavior=alternate>- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
        - - - - - - - - - - - - - - - - - - - - - -
    </marquee>
</div>
<div style="height: 15px;"></div>
<div style="width: 1500px;margin: 0 auto">
    <h3 class="zuofu" style="margin-left: 0px">《薪酬单编号：<font color="blue" id="1"></font>》</h3>
    <br>
    <div class="anniu" style="margin-left: 5px">薪酬次数：<font color="blue" id="2"></font></div>
    <div class="anniu"> 总人数：<font color="blue" id="3"></font></div>
    <div class="anniu"> 基本薪酬总额：<font color="blue" id="4"></font></div>
    <div class="youfudong">上次发薪时间：<font color="blue" id="5"></font></div>
</div>
<div style="height: 20px;"></div>

<div style="height: 500px; width: 1500px;margin: 0 auto">
    <table border="0" align="centers" class="table  layui-table biaoer ">
        <input type="text" class="id" hidden>
        <tr>
            <td>序号</td>
            <td>I级机构名称</td>
            <td>II级机构名称</td>
            <td>人数</td>
            <td>基本薪酬金额（元)</td>
            <td>操作</td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>

    </table>
</div>

</body>
<script>
    function aaa() {
        layer.open({
            type: 2,
            content: '/addpers',
            area: ['350px', '480px'],
            anim: 1

        })
    }
</script>

</html>
